.order-list{

  .nav{

    display:flex;
    justify-content: space-between;


    height:80rpx;
    line-height:80rpx;
    text-align: center;
    font-size:26rpx;

    .item{

      flex:1;

      &.active{
        color:#ff4040;
        border-bottom:solid 2px #ff4040;
      }
    }


  }

  .header{

    //padding:40rpx 40rpx 20rpx;
    padding:40rpx 0rpx 20rpx;

    font-size:24rpx;
    .dianpu{

    }
    .order-no{
      font-size:20rpx;
      color:rgb(150,151,152);
    }

    .status-text{

      color:#ff4040;
      float:right;

    }
  }

  .list{
    padding:0 40rpx ;
    margin-bottom:40rpx;
    .item{

      font-size: 26rpx;
      .product{
        height:200rpx;
        margin-bottom:20rpx;
        .img{
          float:left;
          width:200rpx;
          height:200rpx;
          overflow: hidden;
          image{

            width:100%;

          }
        }

        .info{

          position:relative;
          margin-left:220rpx;

          height:200rpx;
          .name{

            font-weight:bold;

          }
          .product-option{
            font-size:26rpx;
            color:#999;
            margin-top:10rpx;
          }

          .price-number{

            position:absolute;
            width: 100%;
            bottom:0;

            display: flex;
            justify-content: space-between;
            align-items: center;
            .price{

              color:#ff4040;
            }

            .number{
              font-size:24rpx;
              color:rgb(150,151,152);

            }

          }
        }
      }


      .total{
        margin-top:20rpx;
        text-align: right;
        text{
          color:#ff4040;
        }
      }
    }
  }

  .panel{

    //padding:0 40rpx;
    //margin-top:40rpx;
    margin-top:10rpx;
    display:flex;
    justify-content:flex-end;

    .btn{
      width:120rpx;
      text-align: center;
      line-height:60rpx;
      border-radius: 8rpx;
      font-size:26rpx;
      margin-left:20rpx;

      &.cancel{

        flex:none;
        //float:right;
        border:solid 1px #cdcdcd;

      }

      &.pay{
        flex:none;

        //float:right;
        text-align: center;
        line-height:60rpx;
        background-color: #ff4040;
        border:solid 1px #ff4040;
        color:#fff;

      }
    }

  }


}